<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    /*
     *作用域指一个变量的作用的范围
     *在JS中一共有两种作用域
     *1.全局作用域 2.函数作用域
     *1.全局作用域 
     *直接编写在script标签中的JS代码，都在全局作用域
     *全局作用域在页面打开时创建，在页面关闭时销毁
     *在全局作用域中有一个全局对象window，我们可以直接使用
     *他代表的是浏览器的窗口,他由浏览器直接创建，我们可以直接使用
     *在全局作用域中
     *创建的变量都会作为window对象的属性保存
     *创建的函数都会作为window对象的方法保存
     *全局作用域中的变量都是全局变量
     *在页面的任意部分都可以访问的到
     */
    var a=10;
    var b=12;
    var c=14;
    console.log(window.a);//因为a是作为对象的属性保存在对象window里，所以引用window.a也可以读取a的值
    /*对window对象进行枚举
    for(var n in window)
    {
        console.log(n);
        console.log(window[n]);
    }
    */
   var fun=function()
   {
       console.log("我是fun函数");
   }
   fun();
   window.fun();//两者效果一样
   //由此可推理
   window.alert("我来了");
    /*
    console.log(window);//控制台会显示对象window
    var fun=function()
    {
        var a=123;
    };
    console.log(a);
    */
    //此时系统会提示找不到变量a，因为a在函数中
    </script>
</head>
<body>
    
</body>
</html>